<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Contact Us | Nova</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/sl-slide.css">

    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
    <script>
	function loginValidate(){
		$.ajax({
			url:"loginDB.php",
			type:"post",
			data:"txtUsername="+$(".txtun").val()+"&txtPassword="+$(".txtpw").val(),
			success: function(msg){
			
				if(msg=="admin")window.location='admin/index_employee.php';
				else if(msg=="employee")window.location='employee/index_customer.php';
				else{ alert("ชื่อผู้ใช้หรือรหัสผ่านผิดพลาด");}
				}
			});
		}
	</script>
</head>

<body>

    <!--Header-->
    <header class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <p><a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a id="logo" class="pull-left" href="index.php"></a></p>
          <p>&nbsp;</p>
          <p>&nbsp; </p>
          <div class="nav-collapse collapse pull-right">
            <ul class="nav">
              <li><a href="index.php">หน้าแรก</a></li>
              <li><a href="about-us.php">เกี่ยวกับเรา</a></li>
              <li><a href="product.php">ผลิตภัณฑ์</a></li>
              <li><a href="blog.php">อัลบั้ม</a></li>
              <li class="active"><a href="contact-us.php">ติดต่อเรา</a></li>
              <li class="login"> <a data-toggle="modal" href="#loginForm"><i class="icon-lock"></i></a> </li>
            </ul>
          </div>
          <!--/.nav-collapse -->
        </div>
      </div>
    </header>
    <!-- /header -->

    <section class="no-margin"><div><p><br><br></p>
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3862.8906376929654!2d100.453039!3d14.490967000000008!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e20d924494851b%3A0xb985caec2ebf1aea!2z4LmC4Lij4LiH4LiH4Liy4LiZ4Lit4Li04LiQ4Lic4Li54LmJ4LmD4Lir4LiN4LmI4LmA4LiB4Liy!5e0!3m2!1sth!2sth!4v1401949156003"></iframe>
    </section></div>

    <section id="contact-page" class="container">
        <div class="row-fluid">

            <div class="span8">
                <h4>ติดต่อเรา</h4>
                <div class="status alert alert-success" style="display: none"></div>

                <form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="sendemail.php">
                  <div class="row-fluid">
                    <div class="span5">
                        <label>ชื่อ</label>
                        <input type="text" class="input-block-level" required placeholder="กรุณากรอกชื่อ">
                        <label>นามสกุล</label>
                        <input type="text" class="input-block-level" required placeholder="กรุณากรอกนามสกุล">
                        <label>Email</label>
                        <input type="text" class="input-block-level" required placeholder="กรุณากรอก Email">
                    </div>
                    <div class="span7">
                        <label>ข้อความ</label>
                        <textarea name="message" id="message" required class="input-block-level" rows="8"></textarea>
                    </div>

                </div>
                <button type="submit" class="btn btn-primary btn-large pull-right">Send Message</button>
                <p> </p>

            </form>
        </div>

        <div class="span3">
            <p>ที่ตั้ง:</p>
            <div id="addresses">
              <p>โรงงานและบริษัท เลขที่ 306/ข ม.6</p>
              <div></div>
              <p>ตำบลบางปลากด   อำเภอป่าโมก</p>
              <div></div>
              <p>จังหวัดอ่างทอง  รหัสไปรษณีย์ 14130</p>
            </div>
            <div></div>
            <div id="left-info">
              <p>โทรศัพท์:035-661-281 (เวลา 8.00 น. - 17.00 น.),<br>
035-661-047 (เวลา 21.00 น. ขึ้นไป)<br>
              </p>
              <p>มือถือ:081-890-2753</p>
              <p>อีเมลล์:info@krabueng-pyk.com</p>
          </div>
            <h4>&nbsp;</h4>
        </div>

    </div>

</section>

<!--Bottom--><!--/bottom-->

<!--Footer-->
<footer id="footer">
    <div class="container">
        <div class="row-fluid">
            <div class="span5 cp">
                &copy; 2013 <a target="_blank" href="http://shapebootstrap.net/" title="Free Twitter Bootstrap WordPress Themes and HTML templates">ShapeBootstrap</a>. All Rights Reserved.
            </div>
            <!--/Copyright-->

            <div class="span6">
                <ul class="social pull-right">
                    <li><a href="#"><i class="icon-facebook"></i></a></li>
                    <li><a href="#"><i class="icon-twitter"></i></a></li>
                    <li><a href="#"><i class="icon-pinterest"></i></a></li>
                    <li><a href="#"><i class="icon-linkedin"></i></a></li>
                    <li><a href="#"><i class="icon-google-plus"></i></a></li>                       
                    <li><a href="#"><i class="icon-youtube"></i></a></li>
                    <li><a href="#"><i class="icon-tumblr"></i></a></li>                        
                    <li><a href="#"><i class="icon-dribbble"></i></a></li>
                    <li><a href="#"><i class="icon-rss"></i></a></li>
                    <li><a href="#"><i class="icon-github-alt"></i></a></li>
                    <li><a href="#"><i class="icon-instagram"></i></a></li>                   
                </ul>
            </div>

            <div class="span1">
                <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a>
            </div>
            <!--/Goto Top-->
        </div>
    </div>
</footer>
<!--/Footer-->

<!--  Login form -->
<div class="modal hide fade in" id="loginForm" aria-hidden="false">
    <div class="modal-header">
        <i class="icon-remove" data-dismiss="modal" aria-hidden="true"></i>
        <h4>ผู้ใช้งานระบบ</h4>
    </div>
    <!--Modal Body-->
    <div class="modal-body">
         <form class="form-inline" action="Javascript:loginValidate();" method="post" id="form-login">
            <input  type="text" class="input-small txtun" required placeholder="ชื่อผู้ใช้">
            <input type="password" class="input-small txtpw" required placeholder="รหัสผ่าน">
            <label class="checkbox">
            </label>
            <button type="submit" class="btn btn-primary">เข้าสู่ระบบ</button>
        </form>
    </div>
    <!--/Modal Body-->
</div>
<!--  /Login form -->

<script src="js/vendor/jquery-1.9.1.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>   

</body>
</html>
